<!DOCTYPE html>
<html>
<header>
    <title>大屏展示</title>
    <#include "base/pageheader.ftl" />

    <link type="text/css" rel="stylesheet" href="${request.contextPath}/static/libs/gridstack/css/gridstack.css" />
    <link id="theme-css" rel="stylesheet" type="text/css" href="">
    <style type="text/css">
        /* html {
            background-color: #141b25;
            color: #666;
        } */

        body {
            padding-bottom: 0px;
            -webkit-transition: margin 500ms ease;
            -moz-transition: margin 500ms ease;
            -ms-transition: margin 500ms ease;
            -o-transition: margin 500ms ease;
            transition: margin 500ms ease;
            color: #333;
        }

        .grid-stack-item-content {
            border-radius: 4px;
            /* background-color: white; */
        }
        
        .grid-stack-item-body {
            top: 0px;
        }

        .grid-stack-item-header:hover .grid-stack-item-operate {
            display: none;
        }

        .grid-stack-item-content{
            background: transparent;
        }

        .grid-stack > .grid-stack-item > .grid-stack-item-content{
            overflow-x: visible;
            overflow-y: visible;
        }
        .grid-stack-item-body{
            background: transparent;
            overflow-x: visible;
            overflow-y: visible;
        }
        .grid-stack-item-body iframe {
            display: block;
            border-width: 0;
            border-style: solid;
            border-color: #e6e6e6;
        }
    </style>
</header>

<body class="bg01">
    <!--隐藏域-->
    <div class="layui-hide">
        <div class="layui-input-block">
            <input type="hidden" name="RWID" id="largescreen-rwid" autocomplete="off" value="${RWID}" />
            <input type="hidden" name="OBJNAME" value="${OBJNAME}" />           
        </div>
    </div>
    <div class="grid-stack">

    </div>
    
    <#include "base/pagefoot.ftl" />
    <script type="text/javascript" src="${request.contextPath}/static/libs/gridstack/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="${request.contextPath}/static/libs/gridstack/js/lodash.min.js"></script>
    <script type="text/javascript" src="${request.contextPath}/static/libs/gridstack/js/gridstack.js"></script>
    <script type="text/javascript" src="${request.contextPath}/static/libs/gridstack/js/gridstack.jQueryUI.js"></script>
    <script>
        layui.config({
            base: '${request.contextPath}/static/framework/'
            , contentPath: '${request.contextPath}'
            , LS_CONTENT:'${LS_CONTENT}'
        });
    </script>
    <script type="text/javascript" src="${request.contextPath}/static/modules/manager/corelargescreen/largescreen.js?v=<@configVersion suosxt='CORE'> </@configVersion>"></script>
</body>

</html>